<?php
	require_once("conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<script src="include_js/jquery.js" type="text/javascript"></script>
<script src="include_js/jquery.autocomplete.js" type="text/javascript"></script>
<style>
.texto
{
	font-weight:bold;
	font-size:14px;
}
.borde
{
	border:0px solid #6593C0;
}
.asterisco
{
	color:#0000FF;
	font-weight:bold;
	font-size:12px;
}
</style>
</head>
<script>
function Llenar(json)
{
	$("#txtRazon").focus().autocomplete(json);
}
$(document).ready(function() 
{
	$.ajax({
			type: 'post',
			dataType: 'json',
			url: "CompletaOtrosCliente.php",
			data: {valor: '1'},
			success: function(json){
				Llenar(json);
			}
		});
	 
});

function Foco()
{
	document.getElementById('txtRazon').focus();
}

function validar(e)
{ 
    tecla = (document.all) ? e.keyCode : e.which; 
    if (tecla==8) return true; //Tecla de retroceso (para poder borrar) 
    patron = /[\-\d]/;
    te = String.fromCharCode(tecla); 
    return patron.test(te);  
} 

function BorraDatos(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		document.getElementById("txtRazon").value= "";
		document.getElementById('txtGiro').value = "";
		document.getElementById('txtDir').value = "";
		document.getElementById("txtRut").value = "";
		document.getElementById("txtFono").value = "";
		document.getElementById("txtFax").value = "";
		document.getElementById('cmb_Region').value=0;
		/*Foco();
		$.ajax({
            type: 'POST',
            url: 'Tabla_OtroCliente.php',
            data: $('#form_Cliente').serialize(),
            success: function(data) {
                $('#tabla').html(data);
            }
        })*/
		document.form_Cliente.submit();
	}
}

function VerDatos()
{
	$.ajax({
            type: 'POST',
            url: 'Tabla_OtroCliente.php',
            data: $('#form_Cliente').serialize(),
            success: function(data) {
                $('#tabla').html(data);
				document.getElementById('tabla').style.display='block';
            }
        });
	
}
function CerrarDatos()
{
	document.getElementById('tabla').style.display='none';
}
</script>
<body onload="Foco();">
<form name="form_Cliente" id="form_Cliente" method="post">
<div class='option2'>
  <label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Ingreso Otros Clientes.</label>
<div style="float:right;display:inline; position:absolute; right:70px"><label style="color:#0000FF; font-size:12px; font-weight:bold;">Datos Obligatorios(*)</label></div></div>
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td class="borde"><div class="infopop"><div style="margin-left:120px;">
	  <label class="texto">Raz&oacute;n Social:</label>
	  &nbsp;&nbsp;&nbsp;&nbsp;<input name="txtRazon" id="txtRazon" type="text" size="35" />&nbsp;<label class="asterisco">*</label>
	</div>
	</div></td>
	</tr>
<tr>
	<td class="borde"><div class="infopop"><div style="margin-left:180px;">
	  <label class="texto">Giro:</label>
	  &nbsp;&nbsp;&nbsp;&nbsp;<input name="txtGiro" type="text" size="35" />
	</div>
	</div></td>
	</tr>
<tr>
  <td class="borde"><div class="infopop"><div style="margin-left:142px;"><label class="texto">Direcci&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtDir" type="text" size="35" /></div></div></td>
</tr>
<tr>
  <td class="borde"><div class="infopop"><div style="margin-left:153px;"><label class="texto">Comuna:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtComuna" id="txtComuna" type="text" size="35" /></div></div></td>
</tr>
<tr>
  <td class="borde"><div class="infopop"><div style="margin-left:185px;">
	  <label class="texto">Rut:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtRut" type="text" size="16" />&nbsp;<label class="asterisco">*</label>&nbsp;&nbsp;&nbsp;
	  <label style="font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0000FF;">Ej:(14234123-3)</label>
  </div></div></td>
</tr>
<tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:174px;"><label class="texto">Fono:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtFono" type="text" size="16"/></div>
	  </div></td>
	  </tr>
	  <tr>
  <td class="borde"><div class="infopop"><div style="margin-left:185px;"><label class="texto">Fax:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtFax" type="text" size="16" /></div></div></td>
</tr>
	<tr>
		<td class="borde"><div class="infopop"><div style="margin-left:160px;"><label class="texto">Regi&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_Region" id="cmb_Region">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select RegNombre from region";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[0]."</option>";
				}
                $con->cerrarBD();
		?>
              </select>
		</div></div></td>
	</tr>
	
  <tr>
    <td class="borde"><div class="formtail"><div style="float:left; margin-top:5px;"><a href="javascript:VerDatos();">Ver Datos Ingresados</a></div><div style="margin-right:150px"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" /></div></div></td>
    </tr>
</table>
</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><div id='mensaje'></div></td></tr>
</table>
<!-- Tabla contenedora de los resgistros que existen en la BD-->
<div id="tabla" style="display:none;"></div>
</form>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'IngresaMantenedores/IngresaOtrosCliente.php',
            data: $('#form_Cliente').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos(data);
            }
        })
});
</script>
</html>
